

 
  Vue.component2('a_1_1_2_3_1', {
    template: `
<p ref="body"
  :class="['a_1_1_2_3_1_p',
  
'ea_m-'+data.__style.__margin,
'ea_mx-'+data.__style.__margin_x,
'ea_my-'+data.__style.__margin_y,
'ea_mr-'+data.__style.__margin_right,
'ea_ml-'+data.__style.__margin_left,
'ea_mt-'+data.__style.__margin_top,
'ea_mb-'+data.__style.__margin_bottom,
'ea_p-'+data.__style.__padding,
'ea_px-'+data.__style.__padding_x,
'ea_py-'+data.__style.__padding_y,
'ea_pr-'+data.__style.__padding_right,
'ea_pl-'+data.__style.__padding_left,
'ea_pt-'+data.__style.__padding_top,
'ea_pb-'+data.__style.__padding_bottom,


'ea_f-'+data.size,
'ea_h-'+data.size2,
'ea_fw-'+data.weight,
  ]"
:style="'color:'+data.font_color+'!important;background:'+data.back_color+'!important;'"
>{{data.value}}</p>
  `,  
  data() {
      return {
        data:{
          value:'BUTTON',
          size:"",
          size2:"",
          border: "0",
          font_color:'',
          back_color:'',
          weight:"4",
        }
      };
  },
  watch:{

    'data.color':function(e){try{this.$refs.body.style.color=e}catch{}},
  },
  methods:{
  },
  mounted:function(){
  }
  }
  );
  // 
  